<?php
require_once './php_lib/conexion.php';
require_once('./php_lib/funciones.php');

$lista_regiones = obtener_regiones($db_zapatos);			// Obtenemos la lista de regiones
$lista_comunas = obtener_comunas($db_zapatos, $lista_regiones);		// Traemos listado de comunas

$Form1Action = 'ajax_cliente.php?funcion=4';

?>   

<form id="form1" name="form1" method="post" action="<?php echo $Form1Action; ?>">



<h2>Listar Clientes</h2>
<div>
	<div><strong>Filtrar por: </strong></div>
	<div class="estandar"><label for="reg_id">Región</label>
		<select id="reg_id" name="reg_id">
			<option value="0" SELECTED>Todas</option>
			<? foreach( $lista_regiones as $reg_key => $reg_val) { 
				echo sprintf("<option value=\"%d\">%s</option>", $reg_key, $reg_val);
			} ?>
		</select></div>
	<div class="estandar"><label for="loc_id">Localidad</label>
		<select id="loc_id" name="loc_id" onchange="listar_clientes();">
			<option value="0" SELECTED>Todas</option>
		</select></div>
</div>

   <table id="tabla_clientes" class="db_listado" border="1">
    <tr>
	<th class="flecha_abajo" val="cli_rut">Rut&nbsp;&nbsp;</th>
	<th val="cli_nom">Nombre&nbsp;&nbsp;</th>
	<th val="cli_pa">Apellido Paterno&nbsp;&nbsp;</th>
	<th val="cli_sa">Apellido Materno&nbsp;&nbsp;</th>
	<th val="reg_des">Región&nbsp;&nbsp;</th>
	<th val="loc_des">Localidad&nbsp;&nbsp;</th>
	<th val="cli_calle">Dirección&nbsp;&nbsp;</th>
      <th>Accion</th>
    </tr>
   </table>

<p><input name="mostrar" type="button" value="Mostrar" onclick="listar_clientes();" /><input type="text" name="tam" id="tam" mazlenght="3" value="30" width="30"/> filas, 
  empezando por la fila <input type="text" name="inicio" id="inicio" value="0" maxlength="3" width="30"/></p>
  
<p><input type="button" name="anterior" value="&lt;" onClick="BotonAnterior();"/>&nbsp;<input name="siguiente" type="button" value="&gt;" onClick="BotonSiguiente();" /></p>

<input type="hidden" id="orden" name="orden" value="cli_rut" />
<input type="hidden" id ="osentido" name="osentido" value="ASC" />

</form>

<script languaje="JavaScript">
<!--
var lista_comunas = new Array();
<?php
// Pasamos la variable $lista_comunas a javascript
foreach( $lista_regiones  as $reg_key => $reg_val) { 
	echo sprintf("lista_comunas[%d] = new Array();", $reg_key);
	foreach( $lista_comunas[$reg_key] as $loc_key => $loc_val) {
		echo sprintf("lista_comunas[%d][%d] = \"%s\";", $reg_key, $loc_key, $loc_val);
	}
}
?>

// Evento para SELECT de regiones
$('#reg_id').change( function() {
	reg_key = document.getElementById('reg_id').value;
	comuna = document.getElementById('loc_id');
	comuna.length = 1;
	if (reg_key != 0) {
		i = 1;
		for( loc_key in lista_comunas[reg_key]){
			comuna.length++;
			comuna.options[i].value = loc_key;
			comuna.options[i].text =  lista_comunas[reg_key][loc_key];
			i++;
		}
		comuna.disabled = false;
	} else {
		comuna.disabled = true;
	}
	listar_clientes();
});

// Ordena por etiqueta al clickearla
$('.db_listado th').click( function(){
	if($(this).attr('val')) {
		if( $('#orden').val() == $(this).attr('val')){
			if( $('#osentido').val() == "ASC"){
				$('#osentido').val("DESC");
				$(this).removeClass();
				$(this).addClass("flecha_arriba");
			} else {
				$('#osentido').val("ASC");
				$(this).removeClass();
				$(this).addClass("flecha_abajo");
			}
		} else {
			$('#orden').val( $(this).attr('val'));
			$('#osentido').val("ASC");
			$('.db_listado th').removeClass();
			$(this).addClass("flecha_abajo");
		}
		listar_clientes();
	}
});
 
// Imprime la tabla de clientes
function listar_clientes() {
	$.ajax({
	type: 'POST',
	dataType: "json",
	url: 'ajax_cliente.php?funcion=4',
	data: $('#form1').serialize(),
	// Mostramos un mensaje con la respuesta de PHP
	success: function(data) {
		if( data.error == 0) {
			$("#tabla_clientes").find("tr:gt(0)").remove();
			for(i = 0; i < data.num_rows; i++){
				tr = '<tr>';
				tr = tr + '<td title="' + data.rows[i].cli_rut + '"><div class="td1">' 		+ data.rows[i].cli_rut + '</div></td>';
				tr = tr + '<td title="' + data.rows[i].cli_nom + '"><div class="td1">' 		+ data.rows[i].cli_nom + '</div></td>';
				tr = tr + '<td title="' + data.rows[i].cli_pa + '"><div class="td1">' 		+ data.rows[i].cli_pa + '</div></td>';
				tr = tr + '<td title="' + data.rows[i].cli_sa + '"><div class="td1">' 		+ data.rows[i].cli_sa + '</div></td>';
				tr = tr + '<td title="' + data.rows[i].reg_des + '"><div class="td1">' 		+ data.rows[i].reg_des + '</div></td>';
				tr = tr + '<td title="' + data.rows[i].loc_des + '"><div class="td1">' 		+ data.rows[i].loc_des + '</div></td>';
				tr = tr + '<td title="' + data.rows[i].cli_calle + '"><div class="td1">' 		+ data.rows[i].cli_calle + '</div></td>';
				tr = tr + '<td>';
					tr = tr + '<a onclick="$(\'#mainDiv\').load(\'./editar_cliente.php?cli_rut=' + data.rows[i].cli_rut + '\');" href="#" class="ico_edit" title="Editar"></a>';
					tr = tr + '<a onclick="$(\'#mainDiv\').load(\'./eliminar_cliente.php?cli_rut=' + data.rows[i].cli_rut + '\');" href="#" class="ico_del" title="Eliminar"></a>';
				tr = tr + '</td>';
				tr = tr + '</tr>';
				$('#tabla_clientes').append(tr);
			}
			$('.tooltip').remove();
			$('td[title]').tooltip({
				position: 'bottom center',
//  				offset: [0, 250],
				delay: 0
			});
//			$('#mainDiv').html(data.respuesta);
		} else {
			for( error_key in data.lista_errores){
				alert( data.lista_errores[error_key]);
			}
		}
	},
	error: function(jqXHR, textStatus) {
		alert( "Request failed: " + textStatus );}
	})  
}

function BotonAnterior(){
   $('#inicio').val( parseInt($('#inicio').val()) - parseInt($('#tam').val()));
   if($('#inicio').val() < 0) $('#inicio').val(0);
   listar_clientes();
}

function BotonSiguiente(){ 
   $('#inicio').val( parseInt($('#inicio').val()) + parseInt($('#tam').val()));
   listar_clientes(); 
}

listar_clientes();

-->
</script>